	<link rel="stylesheet" type="text/css" href="css/commen.css" />		<link rel="stylesheet" type="text/css" href="css/register.css" />		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>		<script type="text/javascript" src="js/register.js" ></script>		<script type="text/javascript" src="js/login_user.js" ></script>
		<!--头部 end-->
		<div class="conter">
			<div class="login-back">
				<img src="images/login-bigback.png" />
			</div>
			<div class="middle">
				<a class="back"><img src="images/login-mid-back.png" /></a>				<form action="" method="post">
				<div class="mid-con">
					<div class="box">
						<label>用户名：</label>
						<input type="text" id="username" name="username" placeholder="用户名/邮箱/手机号/会员卡号" />
						<p id="name">亲，格式不对哦！</p>
						<p id="cxname">亲，该会员名称已被注册！</p>
					</div>
					<div class="box">
						<label>设置密码：</label>
						<input type="password" id="password" name="password" placeholder="请输入密码" />
						<p id="mima">亲，请输入6~16位密码！</p>
						<p id="mimagou">√</p>
					</div>
					<div class="box">
						<label>确认密码：</label>
						<input type="password" id="qrpassword" name="qrpassword" placeholder="请输入密码" />
						<p id="mimaer">亲，密码不一致哦！</p>
						<p id="qrmima">亲，请确认密码！</p>
						<p id="mimaergou">√</p>
					</div>
					<div class="box">
						<label>手机号：</label>
						<input type="text" id="tel" name="tel" placeholder="请输入手机号" />
						<p id="sj">亲，手机号不能为空哦！</p>
						<p id="zqsj">亲，请输入正确号码！</p>
					</div>
					<!-- <div class="verification">
						<label>验证码：</label>
						<input type="text" name="vcode" id="verification" placeholder="请输入验证码" />						
						<button>获取验证码</button>						
						<b id="yzmcuo">验证码错误</b>
					</div>  -->
					<div class="box" style="margin-left: 25px;">
						<label>E-mail：</label>
						<input type="text" id="email" name="email"placeholder="请输入注册邮箱" />
						<!-- <p id="post">亲，请正确填写邮箱！</p> -->
					</div>
					<div class="treaty">
						<label>
							<input id="treaty" type="checkbox"/>
							我已阅读并接受《贺曼在线服务协议》
						</label>
					</div>
					<div class="box">
						<button id="register" type="submit" name="submit">立即注册</button>
					</div>
				</div>				</form>
			</div>
		</div><script>
			$(function(){
				$(document).ready(function(){
					var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
					var n = 4, s = "";
					for(var i = 0; i < n; i++){
					    var rand = Math.floor(Math.random() * str.length);
					    s += str.charAt(rand);
					}
					
				})
				$(".verification button").click(function(){
					var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
					var n = 4, s = "";
					for(var i = 0; i < n; i++){
					    var rand = Math.floor(Math.random() * str.length);
					    s += str.charAt(rand);
					}
					$(".verification button").text(s);
				})
				
				$(".verification input").change(function(){
					var val = $(this).val()
					var p_text = $(".verification button").text();
					if(val.toLowerCase() == p_text.toLowerCase()){
						$(".verification b").text("√");
						$(".verification b").css("color","green");
						$(".verification b").css("display","block");
					}else{
						$(".verification b").text("×，请重新输入！");
						$(".verification b").css("color","red");
						$(".verification b").css("display","block");
						
													
						
					}
				})
				
				
				
				
			})
		</script>
